<template>
    <div>
        <img src="@/cooperate/banner1.png" class="banner"/>
        <div class="content" >
            <div class="logo">
                <div class="logo1 logoitem">
                    <img src="@/cooperate/logo11.png" class="logo1img"> 
                    <span>集合采购</span>
                </div>
                <div class="logo2 logoitem">
                    <img src="@/cooperate/logo22.png" class="logo2img">
                    <span>招商邀约</span>
                </div>
                <div class="logo3 logoitem">
                    <img src="@/cooperate/logo33.png" class="logo3img">
                    <span>品牌合作</span>
                </div>
                <div class="logo4 logoitem">
                    <img src="@/cooperate/logo44.png" class="logo4img">
                    <span>媒体合作</span>
                </div>
            </div>
            <div class="iteml">
                <div>
                    <img src="@/cooperate/adults-business-coffee-1323592.png" class="itemimg">
                </div>
                <div class="itemtext1 itemtext">
                    <h4>集合采购</h4>
                    <p>
                        从点睛单品到惊艳全屋的解决方案，一次满足多样<br>

                        空间、风格、户型需求。如您是公司、酒店、公寓、<br>

                        咖啡厅、房地产或空间设计师等大宗采购方，<br>

                        我们期待与您共创中国的当代生活印记。     
                        <br><a>联系我们 ></a>    
                    </p>                                       
                </div>
            </div>
            <div class="itemr">
                <div>
                    <img src="@/cooperate/achievement-adult-agreement-1083623.png" class="itemimg">
                </div>
                <div class="itemtext2 itemtext">
                    <h4>招商邀约</h4>
                    <p>
                        宅寂现已开设北京、上海、深圳实体门店，均位处<br>

                        城市大型商业综合体，单店能达到年度坪效超过4W<br>

                        的优异成绩。除目前即将进入的杭州、成都、西安<br>

                        外，亦积极拓展更多新一线城市与海外布局，<br>

                        如您是商业项目负责人，欢迎咨询门店进驻
                        <br><a>联系我们 ></a>    
                    </p>                                       
                </div>
            </div>
            <div class="iteml">
                 <div>
                    <img src="@/cooperate/black-city-city-center-1081229.png" class="itemimg">
                </div>
                <div class="itemtext3 itemtext">
                    <h4>品牌合作</h4>
                    <p>
                        宅寂拥有家具设计史上罕见的全球设计大师集群，<br>

                        运用跨国界、无标签的现代设计语言进行空间营造<br>

                        与产品开发，为当代年轻族群打造摩登、明艳、精<br>

                        致的生活万物。如您的品牌受众亦为新代的年轻中<br>

                        产，我们期待与您合作，共创双赢。     
                        <br><a>联系我们 ></a>    
                    </p>                                       
                </div>
            </div>
            <div class="itemr">
                <div>
                    <img src="@/cooperate/blurred-background-coffee-cup-computer-908284.png" class="itemimg">
                </div>
                <div class="itemtext4 itemtext">
                    <h4>媒体采访</h4>
                    <p>
                        拥有全球顶尖设计资源，首创国内家具家居行业SPA<br>

                        模式的造作，已受到国内外设计类、生活方式类、财<br>

                        经商业类等媒体报道。作为新-代家居设计品牌引跑<br>

                        者，非常欢迎与更多媒体伙伴一起，共同记录、创造<br>

                        并推广中国当代生活方式。   
                        <br><a>联系我们 ></a>    
                    </p>                                       
                </div>
                
            </div>
        </div>
    </div>
</template>

<script>
export default {
    state(){
        return {
            
        }
    },
    methods: {
       
    },
    mounted () {
       
    },
}

</script>

<style scoped lang="scss">
    .banner{
        width : 100%;
    }
    .content{
        width:61.8%;
/*         height: 60.4rem; */
        margin: 0 auto;
    }
    .logo{
        height: 3.62rem;
        overflow: hidden;
    }
    .logoitem{
        float: left;
        line-height: 0.2rem;
        font-size: 0.2rem;
        margin:0.8rem 0.5rem 0 0.91rem
    }
    .logo1img{
        width: 1.45rem;
    }
    .logo2img{
        width: 1.31rem;
    }
    .logo3img{
        width: 1.34rem;
    }
    .logo4img{
        width: 1.44rem;
    }
    .logo img{
        display: block;
    }
    .logoitem span{
        display: inline-block;
        margin: 0.08rem 0.31rem 0 0.33rem
    }


    .iteml,.itemr{
        overflow: hidden;
        margin-bottom: 1.6rem
    }
    .itemimg{
        height:4.51rem;
    }
    .itemtext1{
        width:4.57rem;
        height:4.51rem;
        background:linear-gradient(92deg,rgba(242,242,242,1),rgba(232,232,232,1));
    }
    .itemtext2{
        width:4.455rem;
        height:4.51rem;
        background:linear-gradient(92deg,rgba(242,242,242,1),rgba(232,232,232,1));
    }
    .itemtext3{
        width:4.53rem;
        height:4.51rem;
        background:linear-gradient(92deg,rgba(242,242,242,1),rgba(232,232,232,1));
    }
    .itemtext4{
        width:4.57rem;
        height:4.51rem;
        background:linear-gradient(92deg,rgba(242,242,242,1),rgba(232,232,232,1));
    }
    .iteml .itemimg{
        float: left;
    }
    .iteml .itemtext{
        float: right;
    }
    .itemr .itemimg{
        float: right;
    }
    .itemr .itemtext{
       float: left;
    }
    .itemtext h4{
        width:1.46rem;
        height:0.37rem;
        font-size:0.36rem;
        font-family:"MicrosoftYaHei";
        color:rgba(67,67,67,1);
        margin: 0.6rem 2.69rem 0.55rem 0.55rem;
    }
    .itemtext p{
        width:4.24rem;
        height:1.49rem;
        font-size:0.18rem;
        font-family:MicrosoftYaHei;
        font-weight:bold;
        color:rgba(67,67,67,1);
        margin: -0.125rem 0.05rem 0.17rem 0.31rem;
        line-height: 0.43rem;
    }
    .itemtext p a
    {
        height: 0.17rem;
        font-size:0.18rem;
        font-family:MicrosoftYaHei;
        font-weight:400;
        color:rgba(180,157,126,1);
        margin: 0 0 0 0.14rem;
        cursor: pointer;
    }



</style>
